<style lang = "scss" scoped>
   #cmain{
      .cmain-content{
            min-height:525px;
            border-radius:10px;
            background:#fff;
            box-shadow:0px 0px 15px 0px rgba(207,207,207,1);
            padding:0px 25px;
            .cmain-header{
                height: 78px;
                padding:20px 0px;
            }
            .cmain-table{
                min-height:440px;
            }
      } 
   }
</style>
<template>
    <div id="cmain">
        <div class="cmain-content">
            <div class="cmain-header">
                <el-row>
                    <el-col :span="3">
                        <el-button type="primary" size="small">导出EXCEL</el-button>
                    </el-col>
                    <el-col :span="21" style="text-align:right;">
                        <el-input style="width:20%;" size="small" type="text" placeholder="请输入查询条件"></el-input>
                        <el-button type="primary" size="small">搜索</el-button>
                    </el-col>
                </el-row>
            </div>
            <!--表格-->
            <div class="cmain-table">
                <el-table v-if="!isWarnShow" :data="tableData" v-loading="loading" element-loading-text="数据加载中，请稍后">
                    <el-table-column label="编号" prop="code"></el-table-column>
                    <el-table-column label="家系ID" prop="id"></el-table-column>
                    <el-table-column label="姓名" prop="name"></el-table-column>
                    <el-table-column label="性别" prop="sex"></el-table-column>
                    <el-table-column label="年龄" prop="age"></el-table-column>
                    <el-table-column label="医生" prop="doctor"></el-table-column>
                    <el-table-column label="助手" prop="assistant"></el-table-column>
                    <el-table-column label="就诊时间" prop="acceptTime"></el-table-column>
                    <el-table-column label="就诊状态" prop="status"></el-table-column>
                    <el-table-column label="数据来源" prop="source"></el-table-column>
                    <el-table-column label="操作" width="350">
                        <template slot-scope="scope">
                            <el-button size="mini" type="primary">绘制</el-button>
                            <el-button size="mini" type="primary">查看</el-button>
                            <el-button size="mini">删除</el-button>
                        </template>
                    </el-table-column>
                    <div slot="empty"></div>
                </el-table>
                                <div v-if='emptyShow' class='empty'>
                    <img style="display:block;float:left;" src="/static/icon/add.png" />
                    <span style="display:block;float:left;margin-top:3px;margin-left:10px;">暂无数据，请创建</span>
                </div>
                <warn v-if="isWarnShow"></warn>
            </div>
        </div>
    </div>
</template>
<script>
import warn from '@/components/warn.vue';
export default {
    name:"importPatient",
    data(){
        return {
            isWarnShow:false,
            emptyShow:false,
            loadding:false,
            select1:"",
            select2:"",
            select3:"",
            tableData:[{
                "code":"DF78901",
                "id":"DF78901",
                "name":"张三",
                "sex":"男",
                "age":"37",
                "doctor":"范德彪",
                "assistant":"尼古拉斯",
                "acceptTime":"2018-07-01",
                "status":"待绘制",
                "source":"后台创建"
            }]
        }
    },
    components: {
        warn
    }
}
</script>
  